/*set the variables*/ @import url(http://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700); .responsiveMenuTheme1{list-style:none;zoom:1;background:#f2b530;margin:0;padding:0;font-family:"PT Sans Narrow","Arial Narrow",Arial,Helvetica,sans-serif;font-size: 18px;width: 100%;} .responsiveMenuTheme1:before,.responsiveMenuTheme1:after{content:" ";display:table;} .responsiveMenuTheme1:after{clear:both;} .responsiveMenuTheme1 ul{list-style:none;width:100%;} .responsiveMenuTheme1 a {color:#242121;padding:10px 20px;text-decoration:none;} .responsiveMenuTheme1 span.separator{color:#242121;padding:10px 20px;display:block;cursor:pointer;} .responsiveMenuTheme1 a:hover, .responsiveMenuTheme1 li.active > a, .responsiveMenuTheme1 li > span.separator:hover{color:#242121;background-color: #daa32b} .responsiveMenuTheme1 li{position:relative;margin:0;padding:0;} .responsiveMenuTheme1 > li{float:left;} .responsiveMenuTheme1 > li > .parent, .responsiveMenuTheme1 > li.deeper > span{background-image:url(../images/down-bg.png);background-repeat:no-repeat;background-position:right;} .responsiveMenuTheme1 > li > a{display:block;padding: 15px 20px;} .responsiveMenuTheme1 > li > span.separator {padding: 15px 20px;} .responsiveMenuTheme1 li ul{position:absolute;/*left:-9999px;*/margin:0;padding:0;display:none;} .responsiveMenuTheme1 > li > ul{left:0;} .responsiveMenuTheme1 > li > ul > li > ul{left:100%;top:0;} .responsiveMenuTheme1 > li > ul > li > ul > li > ul{left:100%;top:0;} .responsiveMenuTheme1 > li > ul > li > ul > li > ul > li > ul{left:100%;top:0;} .responsiveMenuTheme1 li li > a{display:block;background:#ffdb3a;position:relative;z-index:100;border-top:1px solid #daa32b;white-space:nowrap;} .responsiveMenuTheme1 > li > ul > li:first-child > a{border-top: none;} .responsiveMenuTheme1 > li > ul > li:first-child > ul > li:first-child > a{border-top: none;} .responsiveMenuTheme1 > li > ul > li:first-child > ul > li:first-child > ul > li:first-child > a {border-top: none;} .responsiveMenuTheme1 > li > ul > li:first-child > ul > li:first-child > ul > li:first-child > ul > li:first-child > a {border-top: none;} .responsiveMenuTheme1 li li span.separator {display:block;background:#ffdb3a;position:relative;z-index:100;border-top:1px solid #daa32b;} .responsiveMenuTheme1 li li li a{background:#fff140;z-index:200;border-top:1px solid #daa32b;} .responsiveMenuTheme1 li li a.parent{background-image:url(../images/right-bg.png);background-repeat:no-repeat;background-position:95% 50%;} .toggleMenu{display:none;color:#242121;padding:10px 15px;background:#daa32b url(../images/toggle-icon.png) no-repeat left center;height:40px;padding:0 0px 0 40px;line-height:40px;border-radius: 5px;font-family:"PT Sans Narrow","Arial Narrow",Arial,Helvetica,sans-serif;font-size: 18px;} .toggleMenu span{padding-right:10px;} .toggleMenu.active{border-radius: 5px 5px 0 0;} .responsiveMenuTheme1.isMobile .active{display:block;} .responsiveMenuTheme1.isMobile > li{float:none;border-top:1px solid #daa32b;} .responsiveMenuTheme1.isMobile > li > .parent{background-position:95% 50%;} .responsiveMenuTheme1.isMobile li li .parent{background-image:url(../images/down-bg.png);background-repeat:no-repeat;background-position:95% 50%;} .responsiveMenuTheme1.isMobile ul{display:none;width:100%;} .responsiveMenuTheme1.isMobile > li > ul{position:static;} .responsiveMenuTheme1.isMobile > li > ul > li > ul{position:static;} .responsiveMenuTheme1.isMobile > li > ul > li > ul > li > ul{position:static;} .responsiveMenuTheme1.isMobile > li > ul > li > ul > li > ul > li > ul{position:static;} .responsiveMenuTheme1.isMobile li li a.parent{background-image:url(../images/down-bg.png);background-repeat:no-repeat;background-position:95% 50%;} .responsiveMenuTheme1 a img {vertical-align: middle;margin-right: 3px;} .responsiveMenuTheme1 li img, .responsiveMenuTheme1 li span.image-title {vertical-align: middle;} .responsiveMenuTheme1 li img {margin-right: 3px;} .responsiveMenuTheme1 span.navHeader{color:#242121;padding:10px 20px;display:block;} .responsiveMenuTheme1 li li span.navHeader {display:block;background:#ffdb3a;position:relative;z-index:100;border-top:1px solid #daa32b;} @media all and (min-width: 800px) { .responsiveMenuTheme1 li a, .responsiveMenuTheme1 li span.separator, .responsiveMenuTheme1 li span.navHeader{border-left:1px solid #daa32b;border-bottom:none;} }